<template>
	<div class="background">
		<h1>设置页面背景图</h1>
		 <router-link to="/home">主页</router-link>
	</div>
</template>

<script>
	export default {

		// beforeRouteEnter(to, from, next) {
		// 	// 添加背景色
		// 	document.querySelector('body').setAttribute('style', 'background-color:#FDF5E6')
		// 	next()
		// }
	};
</script>

<style scoped lang="scss">
	
.background{
    width:100%;  
    height:100%;  /**宽高100%是为了图片铺满屏幕 */
    z-index:-1;
    position: absolute;
	//设置背景图
	background: url(../../public/bgimgs/bg-a.jpg);
}
 
// .front{
//     z-index:1;
//     // position: absolute;
// }

</style>